<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">

    <title>Snowman DressUp</title>
  </head>
  <style>
    @import url(https://fonts.googleapis.com/css?family=Mountains+of+Christmas:700);

body { 
background: #000854;
  background-size:100%; 
  height:100vh;
  background-repeat: no-repeat;
  overflow:hidden;
  margin:0;
  width:100%;
}

#Snowman_SVG {   
position:absolute;

width:100%;height:100%;
  margin-left:2%;

}
.draggable {    

 cursor: move;
  -ms-touch-action: none;
        touch-action: none;

}

/* Default CSS Style Names from SVG from Illustrator */
  .st0{fill:#E8E8E8;}
  .st1{fill:#F8F8F8;}
  .st2{fill:#FBFBFB;}
  .st3{fill:#FFFFFF;}
  .st4{fill:#1D1D1B;}
  .st5{fill:none;stroke:#1D1D1B;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
  .st6{fill:#27936B;}
  .st7{fill:#7E4E24;}
  .st8{fill:#C90635;}
  .st9{fill:none;stroke:#741031;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
  .st10{fill:#D70727;}
  .st11{fill:#F0A31B;}
  .st12{fill:#F7F7F7;}
  .st13{fill:#F08031;}
  .st14{fill:#EC6730;}
  .st15{fill:#EA523C;}
  .st16{fill:#BB4430;}
  .strokeline {fill:white;stroke:#654236;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
  .st18{fill:#654236;}
  .st19{fill:#BEBEBE;}
  .st20{fill:#424241;}
  .st21{fill:none;stroke:#3A3938;stroke-width:0.5;stroke-miterlimit:10;}
  .st22{fill:none;stroke:#3A3938;stroke-width:0.25;stroke-miterlimit:10;}
  .st23{fill:#3A3938;}
  .st24{fill:#B56546;}
  .st25{fill:#DEAA71;}
  .st26{fill:#F9B457;}
  .st27{fill:#DB966A;}
  .st28{fill:#06B4C2;}
  .st29{fill:#F8D893;}
  .st30{fill:#BDC0C2;}
  .st31{fill:#919496;}
  .st32{fill:#787B7D;}
.buildasnowman {
font-family:'Mountains of Christmas';
  font-size:90px;
  letter-spacing:3px;
  fill:white;stroke:black;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
}

.pickercontainer {fill:#fff;}

.christmas-green {
color: gold;
  background: -webkit-linear-gradient(transparent, transparent), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/blue_glitter.gif) repeat;
  background: -o-linear-gradient(transparent, transparent) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin: 0;
  padding: 0;

  font-weight: 900;
  width: 100%;
  text-align: center;
  letter-spacing: 1px;
  z-index: 999999;
  -webkit-background-clip: text;
}

.christmas-red {
  color: #D81E1E;
  
color: gold;
  background: -webkit-linear-gradient(transparent, transparent), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/gold_glitter.gif) repeat;
  background: -o-linear-gradient(transparent, transparent) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin: 0;
  padding: 0;

  font-weight: 900;
  width: 100%;
  text-align: center;
  letter-spacing: 1px;
  z-index: 999999;
  -webkit-background-clip: text;
}

h1 {position:absolute;
    margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  font-size: 8vw;

 max-height:100px;
  text-align:center;
  z-index:-1;
line-height:0;
 
  color:#fff;
  font-family: 'Mountains of Christmas', cursive;
}


/***************************

Snow.  Yeah.  I know.   More snow. 

***************************/
.snow, .snow:before, .snow:after {

  position: absolute;
  top: -600px;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: radial-gradient(5px 5px at 34px 172px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 86px 25px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 388px 47px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 53px 303px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 373px 475px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 196px 261px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 434px 424px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 234px 213px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 393px 356px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 537px 497px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 151px 362px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 110px 99px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 270px 111px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 351px 424px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 459px 279px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 584px 126px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 303px 486px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 132px 292px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 120px 162px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 396px 460px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 169px 508px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 177px 298px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 575px 410px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 29px 140px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 82px 378px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 482px 473px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 56px 24px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 157px 73px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 97px 496px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 240px 225px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 12px 102px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 518px 417px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 323px 155px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 534px 119px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 294px 245px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 270px 432px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 406px 292px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 42px 233px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 109px 160px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 158px 359px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 212px 133px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 303px 536px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 513px 314px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 54px 346px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 127px 115px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 559px 29px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 493px 581px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 339px 414px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 349px 481px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 331px 86px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 497px 385px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 65px 332px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 432px 593px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 377px 240px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 293px 224px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 455px 336px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 93px 50px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 129px 453px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 393px 78px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 364px 75px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 66px 19px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 254px 199px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 178px 454px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 499px 280px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 419px 40px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 179px 593px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 66px 529px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 498px 329px, #ffffff 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 381px 464px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 172px 17px, #ffffff 50%, rgba(0, 0, 0, 0));
  background-size: 600px 600px;
  animation: snow 5s linear infinite;
}
#snow {
  background: none;
  z-index: -1;
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/flake1.png'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/flake2.png'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/flake3.png');
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
}
@keyframes snow {
 0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
 50% {
background-position: 500px 500px, 100px 200px, -100px 150px;
}
 100% {
background-position: 500px 1000px, 200px 400px, -100px 300px;
}
}
@-moz-keyframes snow {
 0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
 50% {
background-position: 500px 500px, 100px 200px, -100px 150px;
}
 100% {
background-position: 400px 1000px, 200px 400px, 100px 300px;
}
}
@-webkit-keyframes snow {
 0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
 50% {
background-position: 500px 500px, 100px 200px, -100px 150px;
}
 100% {
background-position: 500px 1000px, 200px 400px, -100px 300px;
}
}
@-ms-keyframes snow {
 0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
 50% {
background-position: 500px 500px, 100px 200px, -100px 150px;
}
 100% {
background-position: 500px 1000px, 200px 400px, -100px 300px;
}
}

/***************************
****************************
Toggle Switch
****************************
***************************/

h2 {
  color: #FFF;
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 50px;
  z-index: 999999999;
  cursor: pointer;
  font-family: 'Mountains of Christmas', cursive;
}
h2:hover {
  color: #F00;
}
  </style>
  <body>
    <h2 class="toggle-sound">♫ ON</h2>
<div id="snow"></div>

<svg version="1.1" id="Snowman_SVG" viewBox="0 0 1800 900">
<text  fill-opacity="0.5"  transform="matrix(0.9974 0 0 1 1062.998 121.2439)"  class="buildasnowman">Build a Snowman!</text>
<rect fill-opacity="0.25" id="pickback"  x="5" y="17" class="st0" width="900" height="850"/>
<g id="snowman">
<path class="st1 strokeline" d="M1534 716.2c0 97.5-87.2 142.1-194.7 142.1 -107.5 0-194.7-44.6-194.7-142.1 0-97.5 87.2-176.6 194.7-176.6C1446.8 539.6 1534 618.7 1534 716.2z"/>
<ellipse class="st2 strokeline" cx="1339.3" cy="548" rx="158.6" ry="143.9"/>
<circle class="st3 strokeline" cx="1339.3" cy="356" r="128"/>
</g>
<g id="smilehappy" class="draggable">
<rect fill-opacity="0.0"  x="459.5" y="533.2" class="st3" width="132.4" height="64.5"/>
<g id="muth1DD">
<path class="st4" d="M574 549.3c0 0-0.5 2-2 5.3 -1.5 3.2-3.8 7.8-7.5 12.7 -1.9 2.4-4.1 4.9-6.7 7.3 -2.6 2.4-5.6 4.7-9 6.5 -3.4 1.9-7.2 3.4-11.1 4.3 -4 1-8.1 1.5-12.2 1.5l-3.1-0.1c-1-0.1-2.1-0.2-3.1-0.3 -2.1-0.3-4.1-0.6-6.1-1.1 -4-1-7.7-2.5-11.1-4.3 -3.4-1.8-6.4-4.1-9-6.5 -2.6-2.4-4.8-4.9-6.7-7.3 -3.8-4.9-6.1-9.5-7.5-12.7 -0.7-1.6-1.2-2.9-1.5-3.9 -0.3-0.9-0.5-1.4-0.5-1.4 -0.1-0.3 0.1-0.5 0.3-0.6 0.3-0.1 0.5 0.1 0.6 0.3 0 0 0.2 0.5 0.5 1.3 0.4 0.9 0.9 2.1 1.7 3.7 1.5 3.1 4.1 7.5 7.8 12.1 3.7 4.6 8.9 9.4 15.4 12.9 3.2 1.7 6.8 3.1 10.6 4 1.9 0.5 3.8 0.8 5.7 1 1 0.1 1.9 0.2 2.9 0.2l3 0.1c3.9 0 7.9-0.4 11.6-1.3 3.8-0.9 7.3-2.3 10.6-4 6.5-3.5 11.7-8.3 15.4-12.9 3.7-4.6 6.3-9 7.8-12.1 0.8-1.6 1.3-2.8 1.7-3.7 0.4-0.9 0.5-1.3 0.5-1.3 0.1-0.3 0.4-0.4 0.6-0.3C573.9 548.8 574.1 549 574 549.3L574 549.3z"/>
<path class="st4" d="M569 543.9c0 0 0.3 0 0.7 0.2 0.4 0.1 1 0.4 1.7 0.7 0.3 0.2 0.7 0.4 1 0.7 0.4 0.2 0.7 0.5 1.1 0.9 0.4 0.3 0.7 0.7 1 1 0.3 0.4 0.6 0.8 0.9 1.2 0.3 0.4 0.6 0.8 0.8 1.3 0.2 0.4 0.5 0.8 0.6 1.3 0.2 0.4 0.3 0.8 0.5 1.2 0.1 0.4 0.2 0.8 0.4 1.1 0.2 0.7 0.3 1.3 0.4 1.7 0.1 0.4 0.1 0.7 0.1 0.7 0 0.3-0.1 0.5-0.4 0.6 -0.2 0-0.5-0.1-0.6-0.3l0 0c0 0-0.1-0.2-0.2-0.6 -0.1-0.4-0.3-0.9-0.6-1.6 -0.1-0.3-0.3-0.7-0.4-1 -0.2-0.4-0.4-0.7-0.5-1.1 -0.2-0.4-0.4-0.8-0.6-1.2 -0.2-0.4-0.5-0.8-0.7-1.1 -0.3-0.4-0.5-0.7-0.8-1.1 -0.3-0.3-0.6-0.7-0.9-0.9 -0.3-0.3-0.6-0.6-0.9-0.8 -0.3-0.3-0.6-0.5-0.9-0.7 -0.6-0.4-1-0.7-1.4-0.8 -0.4-0.2-0.5-0.2-0.5-0.2 -0.3-0.1-0.4-0.3-0.4-0.6C568.4 543.9 568.7 543.8 569 543.9z"/>
<path class="st4" d="M472.1 553.3c0 0 0.1-0.2 0.3-0.6 0.2-0.4 0.4-1 0.8-1.6 0.4-0.6 0.9-1.4 1.5-2.1 0.3-0.4 0.6-0.7 1-1 0.3-0.4 0.8-0.7 1.2-1 0.4-0.3 0.9-0.5 1.3-0.8 0.5-0.2 0.9-0.4 1.4-0.5 0.5-0.1 0.9-0.2 1.4-0.2 0.5 0 0.9 0 1.3 0 0.4 0.1 0.7 0.1 1 0.2 0.3 0.1 0.5 0.2 0.8 0.3 0.4 0.2 0.6 0.3 0.6 0.3 0.3 0.1 0.4 0.4 0.3 0.6 -0.1 0.2-0.3 0.4-0.6 0.3l-0.1 0c0 0-0.2-0.1-0.6-0.1 -0.2 0-0.4-0.1-0.7-0.2 -0.3 0-0.6 0-0.9-0.1 -0.3-0.1-0.7 0-1 0 -0.4 0-0.7 0.1-1.1 0.2 -0.4 0.1-0.8 0.3-1.2 0.4 -0.4 0.2-0.8 0.4-1.1 0.7 -0.3 0.3-0.7 0.5-1 0.8 -0.3 0.3-0.6 0.6-0.9 0.9 -0.3 0.3-0.5 0.6-0.8 0.9 -0.2 0.3-0.5 0.6-0.7 0.9 -0.8 1.1-1.3 1.9-1.3 1.9 -0.1 0.2-0.5 0.3-0.7 0.2C472.1 553.7 472.1 553.5 472.1 553.3L472.1 553.3z"/>
</g>
</g>
<g id="eyelashesset" class="draggable">
<rect fill-opacity="0.0"  x="626.7" y="453.6" class="st3" width="176.9" height="54"/>
<g id="eyelashes2">
<g id="righteylashDD">
<path class="st4" d="M646.9 495.3c0 0 0.1-0.3 0.3-0.9 0.2-0.6 0.4-1.4 0.8-2.5 0.7-2.1 1.8-5.2 3.5-8.7 1.6-3.5 3.8-7.5 6.9-11.4 1.6-1.9 3.4-3.8 5.7-5.2 2.2-1.5 5.1-2.5 7.9-2.5l0.1-0.1h0l0.1 0.1 0.1 0.1 0.2 0.1 0.5 0.1c0.3 0 0.6 0 1 0.1 0.7 0.1 1.4 0.3 2.1 0.5 1.3 0.4 2.5 1.1 3.6 1.8 2.2 1.5 4 3.4 5.4 5.3 2.9 3.9 4.8 8 6.2 11.5 1.4 3.5 2.3 6.6 2.9 8.7 0.6 2.1 0.9 3.4 0.9 3.4 0.1 0.3-0.1 0.5-0.4 0.6 -0.3 0.1-0.5-0.1-0.6-0.4 0 0-0.3-1.2-1-3.3 -0.7-2.1-1.7-5-3.2-8.4 -1.5-3.4-3.6-7.3-6.5-10.8 -1.4-1.8-3.1-3.4-5.1-4.6 -1-0.6-2-1.1-3.1-1.4 -0.5-0.2-1.1-0.3-1.6-0.3 -0.2-0.1-0.6-0.1-0.9-0.1l-0.5 0 -0.2 0 -0.1 0c-0.1 0 0.1 0 0.1 0l0 0 -0.1 0c-2.2 0.1-4.4 0.9-6.2 2.2 -1.9 1.3-3.4 3-4.8 4.8 -2.7 3.6-4.6 7.5-6 10.9 -1.4 3.4-2.3 6.3-2.9 8.4 -0.3 1-0.5 1.8-0.7 2.4 -0.1 0.5-0.2 0.8-0.2 0.8l0 0.1c-0.3 1.2-1.5 1.9-2.7 1.6C647.3 497.8 646.6 496.6 646.9 495.3 646.9 495.4 646.9 495.3 646.9 495.3z"/>
<line class="st5" x1="640.6" y1="487.4" x2="650.3" y2="491.5"/>
<line class="st5" x1="645.5" y1="480.7" x2="653.4" y2="487.3"/>
</g>
<g id="lefteylashDD">
<path class="st4" d="M771.9 491c0 0-0.1-0.2-0.2-0.7 -0.1-0.5-0.3-1.2-0.6-2.1 -0.5-1.8-1.3-4.3-2.5-7.3 -1.2-2.9-2.8-6.3-5.1-9.4 -1.1-1.5-2.5-3-4.1-4.1 -1.6-1.1-3.4-1.8-5.3-1.9l-0.1 0 0 0c0 0 0.1 0 0.1 0l-0.1 0 -0.2 0 -0.4 0c-0.3 0-0.6 0-0.8 0.1 -0.4 0.1-0.9 0.1-1.3 0.3 -0.9 0.3-1.8 0.7-2.7 1.2 -1.7 1-3.1 2.4-4.4 4 -2.5 3.1-4.3 6.4-5.6 9.4 -1.3 2.9-2.2 5.5-2.8 7.3 -0.6 1.8-0.9 2.8-0.9 2.8 -0.1 0.3-0.3 0.4-0.6 0.4 -0.3-0.1-0.4-0.3-0.4-0.6 0 0 0.2-1.1 0.7-2.9 0.5-1.9 1.3-4.5 2.5-7.6 1.2-3.1 2.9-6.6 5.4-10.1 1.3-1.7 2.8-3.3 4.7-4.7 1-0.7 2-1.2 3.2-1.6 0.6-0.2 1.2-0.4 1.8-0.5 0.3-0.1 0.6-0.1 0.9-0.1l0.4 0 0.2 0 0.1 0 0.1 0 0.1 0c2.5 0 5 0.8 6.9 2.1 2 1.3 3.7 2.9 5 4.6 2.8 3.4 4.6 6.9 6.1 9.9 1.4 3.1 2.4 5.7 3 7.6 0.3 0.9 0.6 1.7 0.7 2.2 0.2 0.5 0.2 0.8 0.2 0.8 0.3 1.2-0.3 2.4-1.5 2.7 -1.2 0.3-2.4-0.3-2.7-1.5C772 491.2 771.9 491.1 771.9 491L771.9 491z"/>
<line class="st5" x1="781.4" y1="483.2" x2="772.9" y2="486.7"/>
<line class="st5" x1="777.2" y1="477.4" x2="770.3" y2="483.1"/>
</g>
</g>
</g>
<g id="eyeset2" class="draggable">
<rect fill-opacity="0.0"  x="455.6" y="448.3" class="st3" width="134.5" height="62.7"/>
<g id="eyes2">
<g id="lefteyeBDD">
<circle class="st4" cx="492.2" cy="480.5" r="16.8"/>
<circle class="st3" cx="486.1" cy="475.1" r="6.1"/>
</g>
<g id="rightbeteDD">
<circle class="st4" cx="551.6" cy="479.2" r="16.8"/>
<circle class="st3" cx="545.5" cy="473.8" r="6.1"/>
</g>
</g>
</g>
<g id="eyeset1" class="draggable">
<rect fill-opacity="0.0"  x="253.7" y="448.1" class="st3" width="157.4" height="71.1"/>
<g id="eyes1">
<g id="lefteyeDD">
<path class="st3" d="M284.7 465.4c0 0-2.4 38 9.6 40.1 12 2.1 15.2-43.3 15.2-43.3L284.7 465.4z"/>
<path class="st4 blink" d="M285.2 465.8c-0.1 3.7-0.1 7.4 0.1 11 0.1 3.8 0.4 7.6 1 11.4 0.6 3.7 1.3 7.5 2.8 10.9 0.8 1.7 1.7 3.3 3 4.3 0.3 0.2 0.7 0.5 1 0.7 0.2 0.1 0.4 0.2 0.6 0.3l0.6 0.2 0.1 0c0 0 0.1 0 0.1 0l0.4 0c0.3 0 0.4 0 0.5 0 0.4 0 0.8-0.1 1.1-0.3 1.5-0.6 2.7-2.1 3.6-3.6 1-1.6 1.7-3.3 2.4-5 1.3-3.5 2.3-7.2 3.1-10.9 0.8-3.7 1.5-7.5 2-11.3 0.6-3.8 1.4-7.6 1.4-11.4v0l0.6 0.5L285.2 465.8zM284.5 464.9l24.9-3.2c0.3 0 0.5 0.2 0.6 0.4 0 0 0 0.1 0 0.1v0c0 7.7-1.4 15.3-2.9 22.9 -0.8 3.8-1.7 7.5-3 11.2 -0.7 1.8-1.5 3.6-2.5 5.4 -0.5 0.9-1.1 1.7-1.8 2.5 -0.7 0.8-1.6 1.5-2.6 1.9 -0.5 0.2-1.1 0.3-1.7 0.4 -0.3 0-0.7 0-0.9 0l-0.4 0c-0.2 0-0.3-0.1-0.5-0.1l-0.8-0.2c-0.3-0.1-0.5-0.2-0.7-0.4 -0.5-0.2-0.9-0.6-1.4-0.9 -1.7-1.4-2.7-3.2-3.5-5 -0.8-1.8-1.4-3.7-1.8-5.6 -0.4-1.9-0.8-3.8-1-5.7 -0.5-3.8-0.8-7.7-0.8-11.6 0-3.9 0.3-7.7 0.3-11.5v0C284 465.1 284.3 464.9 284.5 464.9z"/>
<path class="st4 blink" d="M276.3 468.4c0 0 0.1-0.1 0.4-0.3 0.3-0.2 0.6-0.4 1.1-0.7 1-0.6 2.4-1.4 4.2-2.2 0.9-0.4 1.9-0.8 2.9-1.2 1-0.4 2.2-0.8 3.4-1.1 1.2-0.3 2.4-0.7 3.7-0.9 1.3-0.3 2.6-0.6 3.9-0.7 0.7-0.1 1.3-0.2 2-0.3 0.7 0 1.3-0.1 2-0.1 0.7 0 1.3-0.1 1.9-0.1 0.6 0 1.3 0 1.9 0 1.2 0 2.4 0.1 3.6 0.2 0.6 0.1 1.1 0.1 1.6 0.2 0.5 0.1 1 0.2 1.5 0.3 1 0.2 1.9 0.3 2.6 0.5 0.8 0.2 1.4 0.4 2 0.6 1.1 0.3 1.7 0.5 1.7 0.5 0.3 0.1 0.4 0.4 0.3 0.6 -0.1 0.2-0.3 0.4-0.5 0.3l0 0c0 0-0.6-0.1-1.8-0.2 -0.6-0.1-1.2-0.2-2-0.3 -0.8-0.1-1.7-0.1-2.6-0.2 -0.5 0-1-0.1-1.5-0.1 -0.5 0-1 0-1.6 0 -0.5 0-1.1 0-1.7 0 -0.6 0-1.2 0.1-1.7 0.1 -0.6 0-1.2 0-1.8 0.1 -0.6 0-1.2 0.1-1.8 0.2 -0.6 0.1-1.2 0.1-1.9 0.2l-1.9 0.3c-1.3 0.2-2.5 0.4-3.7 0.6 -0.6 0.1-1.2 0.3-1.8 0.4 -0.6 0.1-1.2 0.3-1.8 0.4 -1.1 0.3-2.3 0.6-3.3 0.9 -1.1 0.3-2 0.6-3 0.9 -0.9 0.3-1.7 0.6-2.5 0.8 -0.7 0.3-1.4 0.5-1.9 0.7 -0.5 0.2-0.9 0.3-1.2 0.5 -0.3 0.1-0.4 0.2-0.4 0.2l0 0c-0.3 0.1-0.5 0-0.7-0.3C276.1 468.8 276.1 468.5 276.3 468.4z"/>
<ellipse class="st6" cx="299.2" cy="482.3" rx="4.9" ry="11.2"/>
<ellipse class="st4" cx="299.2" cy="482.3" rx="2" ry="4.5"/>
</g>
<g id="rghteyeDD">
<path class="st3" d="M375.7 463.8c0 0 2.4 38-9.6 40.1 -12 2.1-15.2-43.3-15.2-43.3L375.7 463.8z"/>
<path class="st4" d="M376 463.8c0 3.8 0.5 7.7 0.4 11.5 -0.1 3.9-0.2 7.7-0.7 11.6 -0.2 1.9-0.6 3.8-1 5.7 -0.4 1.9-1 3.8-1.8 5.6 -0.8 1.8-1.8 3.6-3.5 5 -0.4 0.3-0.8 0.7-1.4 0.9 -0.2 0.1-0.5 0.3-0.7 0.4l-0.8 0.2c-0.2 0-0.2 0.1-0.5 0.1l-0.4 0c-0.2 0-0.6 0-0.9 0 -0.6-0.1-1.2-0.2-1.7-0.4 -1.1-0.4-1.9-1.1-2.6-1.9 -0.7-0.8-1.3-1.6-1.8-2.5 -1-1.7-1.8-3.5-2.5-5.4 -1.3-3.7-2.5-7.4-3.2-11.2 -1.5-7.6-2-15.2-3-22.9v0c0-0.3 0.4-0.5 0.6-0.5 0 0 0.2 0 0.2 0l24.8 3.2C375.9 463.4 376 463.6 376 463.8L376 463.8zM375.2 464.3l-24.6-3.1 0.4-0.5v0c1 3.8 1 7.6 1.6 11.4 0.6 3.8 1.3 7.5 2.1 11.3 0.8 3.7 1.8 7.4 3.1 10.9 0.7 1.8 1.4 3.5 2.4 5 0.9 1.5 2.2 3 3.6 3.6 0.4 0.2 0.7 0.2 1.1 0.3 0.2 0 0.3 0 0.6 0l0.4 0c0 0 0.1 0 0.1 0l0.1 0 0.6-0.2c0.2-0.1 0.4-0.2 0.6-0.3 0.4-0.1 0.7-0.4 1-0.7 1.3-1.1 2.3-2.7 3-4.3 1.5-3.4 2.2-7.1 2.8-10.9 0.5-3.8 0.8-7.6 1-11.4C375.3 471.6 375.3 467.9 375.2 464.3z"/>
<path class="st4" d="M383.5 467.7c0 0-0.1-0.1-0.4-0.2 -0.3-0.1-0.7-0.3-1.2-0.5 -0.5-0.2-1.2-0.4-1.9-0.7 -0.7-0.2-1.6-0.5-2.5-0.8 -0.9-0.3-1.9-0.6-3-0.9 -1-0.3-2.2-0.6-3.3-0.9 -0.6-0.1-1.2-0.3-1.8-0.4 -0.6-0.1-1.2-0.3-1.8-0.4 -1.2-0.2-2.5-0.5-3.7-0.6l-1.9-0.3c-0.6-0.1-1.2-0.1-1.9-0.2 -0.6-0.1-1.2-0.1-1.8-0.2 -0.6 0-1.2 0-1.8-0.1 -0.6 0-1.2-0.1-1.7-0.1 -0.6 0-1.1 0-1.7 0 -0.5 0-1.1 0-1.6 0 -0.5 0-1 0.1-1.5 0.1 -0.9 0.1-1.8 0.1-2.6 0.2 -0.8 0.1-1.4 0.2-2 0.3 -1.1 0.1-1.8 0.2-1.8 0.2l0 0c-0.3 0-0.5-0.2-0.6-0.4 0-0.2 0.1-0.5 0.3-0.5 0 0 0.6-0.2 1.7-0.5 0.6-0.2 1.2-0.4 2-0.6 0.8-0.2 1.7-0.3 2.6-0.5 0.5-0.1 1-0.2 1.5-0.3 0.5-0.1 1.1-0.1 1.6-0.2 1.1-0.1 2.3-0.2 3.6-0.2 0.6 0 1.3 0 1.9 0 0.6 0 1.3 0.1 1.9 0.1 0.7 0 1.3 0.1 2 0.1 0.7 0.1 1.3 0.2 2 0.3 1.3 0.1 2.6 0.4 3.9 0.7 1.3 0.3 2.5 0.6 3.7 0.9 1.2 0.4 2.3 0.7 3.4 1.1 1.1 0.4 2.1 0.8 2.9 1.2 1.8 0.8 3.3 1.6 4.2 2.2 0.5 0.3 0.9 0.5 1.1 0.7 0.3 0.2 0.4 0.3 0.4 0.3 0.2 0.2 0.3 0.5 0.1 0.7C384 467.7 383.8 467.8 383.5 467.7L383.5 467.7z"/>
<ellipse class="st6" cx="361.1" cy="480.7" rx="4.9" ry="11.2"/>
<ellipse class="st4" cx="361.1" cy="480.7" rx="2" ry="4.5"/>
</g>
</g>
</g>
<g id="antlergroup" class="draggable">
<rect fill-opacity="0.0"  x="303.4" y="56.6" class="st3" width="250" height="215.2"/>
<g id="antlersDD">
<path class="st7" d="M468.4 247.1c0 0 17.3-27.5 18.6-38.7 1.3-11.2-18.2-37.2-9.3-41.5 8.9-4.3 9.7 11.7 15.3 22.9 5.6 11.2 8.6-1.3 7.8-9.1 -0.9-7.8-24.6-44.9-17.9-52.3 6.7-7.3 17 19.4 23.1 38.9 6.1 19.4 10.4-10.8 9.1-15.6C513.8 147 490 77 504.7 68.4c14.7-8.6 13 13.4 14.7 35 1.7 21.6 12.1 39.3 14.7 51.4 2.6 12.1-45.8 67.2-53.2 99.5 0 0-3.9 1.7-9.9 0.4C465 253.4 468.4 247.1 468.4 247.1z"/>
<path class="st7" d="M382.3 247.1c0 0-17.3-27.5-18.6-38.7 -1.3-11.2 18.2-37.2 9.3-41.5 -8.9-4.3-9.7 11.7-15.3 22.9 -5.6 11.2-8.6-1.3-7.8-9.1 0.9-7.8 24.6-44.9 17.9-52.3 -6.7-7.3-17 19.4-23.1 38.9 -6.1 19.4-10.4-10.8-9.1-15.6 1.3-4.8 25.1-74.8 10.4-83.4 -14.7-8.6-13 13.4-14.7 35 -1.7 21.6-12.1 39.3-14.7 51.4 -2.6 12.1 45.8 67.2 53.2 99.5 0 0 3.9 1.7 9.9 0.4C385.8 253.4 382.3 247.1 382.3 247.1z"/>
</g>
</g>
<g id="ladymouth" class="draggable">
<rect fill-opacity="0.0"  x="644.6" y="535.2" class="st3" width="144.4" height="71.9"/>
<g id="mouth2DD">
<path class="st8" d="M723.2 574.7c-8.9 0-8.5 9.1-8.5 9.1l0 13.8c17.7 0 17.3-16.2 17.3-16.2S732.2 574.7 723.2 574.7z"/>
<path class="st8" d="M706.3 574.7c-8.9 0-8.8 6.7-8.8 6.7s-0.4 16.2 17.3 16.2l0-13.8C714.7 583.8 715.2 574.7 706.3 574.7z"/>
<path class="st9" d="M661.4 542.8c0 0 6.4 41 50.7 41 44.3 0 56-41 56-41"/>
</g>
</g>
<g id="capDD" class="draggable">
<path class="st10" d="M765.6 107.6c-11.6-29-65.8-43.8-65.8-43.8s-54.2 14.8-65.8 43.8c0 0-47.6 33.7-42.5 86.2l108.3-33.1 108.3 33.1C813.2 141.2 765.6 107.6 765.6 107.6z"/>
<circle class="st11" cx="699.8" cy="57.9" r="21.1"/>
<path class="st11" d="M623.5 160.3c1.3 6.1 4.2 18.7 8.5 29.5 6.9-3.2 14.8-6.1 23.8-8.5 -3.6-10.4-7.2-23.3-8.8-29.2C638.5 154.4 630.6 157.2 623.5 160.3z"/>
<path class="st11" d="M699.8 145.4c-9.6 0-18.6 0.6-27 1.7l4.8 30.2c6.9-0.8 14.3-1.3 22.1-1.3h0L699.8 145.4 699.8 145.4z"/>
<path class="st10" d="M647.1 152.1c1.6 5.9 5.2 18.9 8.8 29.2 6.6-1.7 13.9-3.1 21.7-4.1l-4.8-30.2C663.6 148.2 655 150 647.1 152.1z"/>
<path class="st10" d="M571.5 197.9c-5 6.8-3.7 16.4 3.1 21.4 2.7 2 6 3 9.1 3 3.6 0 7.1-1.2 9.8-3.6 -7.5-9.2-13.2-21.4-16-27.7C573.8 194.8 571.8 197.5 571.5 197.9z"/>
<path class="st11" d="M577.6 191c2.7 6.4 8.4 18.5 16 27.7 0.9-0.7 1.6-1.5 2.3-2.5 0.5-0.6 5-6.3 14.1-13.3 -6.3-9.9-10.8-22-12.9-28.2C588.3 180.8 581.8 186.7 577.6 191z"/>
<path class="st10" d="M597.1 174.8c2.1 6.2 6.6 18.3 12.9 28.2 5.6-4.2 12.9-8.9 22-13.2 -4.3-10.8-7.2-23.4-8.5-29.5C613.1 164.8 604.3 169.9 597.1 174.8z"/>
<path class="st10" d="M802.4 174.8c-2.1 6.2-6.6 18.3-12.9 28.2 9.1 6.9 13.6 12.6 14.1 13.2 0.7 0.9 1.5 1.8 2.4 2.5 7.5-9.2 13.2-21.3 15.9-27.7C817.7 186.7 811.3 180.8 802.4 174.8z"/>
<path class="st11" d="M776 160.3c-1.3 6.1-4.2 18.7-8.5 29.5 9.2 4.3 16.5 8.9 22 13.2 6.3-9.9 10.8-22 12.9-28.2C795.3 169.9 786.5 164.8 776 160.3z"/>
<path class="st11" d="M828.1 197.9c-0.3-0.5-2.3-3.1-6.1-6.9 -2.7 6.4-8.4 18.4-15.9 27.7 5.3 4.5 13.1 4.9 18.9 0.6C831.7 214.2 833.1 204.7 828.1 197.9z"/>
<path class="st11" d="M726.8 147.1l-4.8 30.2c7.9 0.9 15.1 2.3 21.7 4.1 3.6-10.4 7.2-23.3 8.8-29.2C744.6 150 736 148.2 726.8 147.1z"/>
<path class="st10" d="M752.5 152.1c-1.6 5.9-5.2 18.9-8.8 29.2 9 2.4 17 5.3 23.8 8.5 4.3-10.8 7.2-23.4 8.5-29.5C769 157.2 761.1 154.4 752.5 152.1z"/>
<path class="st10" d="M699.8 145.4v30.5c7.9 0 15.2 0.5 22.1 1.3l4.8-30.2C718.4 146 709.4 145.4 699.8 145.4z"/>
</g>
<g id="carrotAgroup" class="draggable">
<rect fill-opacity="0.0"  x="626.7" y="357.1" class="st12" width="140.8" height="73.9"/>
<g id="bigcarrotDD">
<path class="st13" d="M641.4 404.9c0 0-7.8-19.7 18.1-29 25.9-9.4 91.9 34.2 91.9 37.5C751.4 416.6 672.4 415.6 641.4 404.9z"/>
<path class="st14" d="M653.8 406.2c0.1-1.8 0.2-3.6 0.7-5.4 0.6-2.4 2.1-3.9 3.9-5.6 0.2-0.2 0.2-0.8-0.2-0.5 -4.3 2.7-4.8 6.9-4.6 11.6C653.5 406.5 653.8 406.4 653.8 406.2L653.8 406.2z"/>
<path class="st14" d="M660.5 399.7c1.5-3.5 3.5-6.7 6.2-9.4 2.5-2.5 5.6-4.3 8.1-6.8 0.4-0.4-0.2-0.7-0.6-0.5 -6.5 3.4-12.2 9.6-14.3 16.7C659.7 400.1 660.3 400 660.5 399.7L660.5 399.7z"/>
<path class="st14" d="M689 382.7c-2 1.8-4.5 2.8-6.5 4.7 -0.4 0.4 0.1 0.7 0.5 0.4 2-1.8 4.5-2.8 6.5-4.7C689.8 382.7 689.4 382.4 689 382.7L689 382.7z"/>
<path class="st14" d="M685.7 404.8c0.3-4.2 3.4-7.4 6.4-10.1 0.3-0.3 0-0.7-0.4-0.5 -3.6 2.3-6.6 6.3-6.6 10.7C685.1 405.3 685.7 405.1 685.7 404.8L685.7 404.8z"/>
<path class="st14" d="M683.5 395.2c1.9-1.3 3.8-2.7 5.8-3.7 0.2-0.1 0.1-0.6-0.2-0.5 -2.1 1-4 2.4-5.8 3.8C683.2 394.9 683.3 395.4 683.5 395.2L683.5 395.2z"/>
<path class="st14" d="M674.1 406.6c0.1-2.7 0.3-5.3 2-7.5 0.5-0.7-0.2-1.3-0.8-0.7 -2 2.5-2.1 5.3-1.9 8.4C673.4 407.4 674.1 407.1 674.1 406.6L674.1 406.6z"/>
<path class="st14" d="M699.6 402c0.7 0 0.8-0.9 0.1-0.9C699 401.1 698.8 402 699.6 402L699.6 402z"/>
<path class="st14" d="M703.4 396.2c0.2 0 0.4 0 0.6 0 0.3 0 0.5-0.5 0.2-0.5 -0.2 0-0.4 0-0.6 0C703.3 395.7 703.1 396.2 703.4 396.2L703.4 396.2z"/>
<path class="st14" d="M704.4 407.9c1.7-1.2 3-2.7 4.5-4.2 1.9-1.9 3.9-3.2 6.5-4.2 0.6-0.2 0.2-0.9-0.3-0.8 -5.3 1-7.3 5.5-11.2 8.6C703.4 407.8 704 408.2 704.4 407.9L704.4 407.9z"/>
<path class="st14" d="M708.9 397.6c0.6-0.4 1.3-0.5 1.9-1 0.3-0.3 0.1-0.7-0.3-0.5 -0.7 0.4-1.4 0.5-2.1 0.9C707.9 397.4 708.5 398 708.9 397.6L708.9 397.6z"/>
<path class="st14" d="M713.7 394c0.5 0 1 0 1.4-0.1 0.4 0 0.6-0.6 0.1-0.7 -0.4-0.1-0.8-0.1-1.3-0.1 -0.3 0-0.6 0.1-0.7 0.4C713.3 393.8 713.4 394 713.7 394L713.7 394z"/>
<path class="st14" d="M716 405.3c2.5-1.3 5.2-2.2 7.8-3.3 0.5-0.2 0.4-1-0.2-0.8 -2.8 0.8-5.4 1.9-7.9 3.3C714.9 404.8 715.3 405.6 716 405.3L716 405.3z"/>
<path class="st14" d="M707.1 387.6c-2.3 1.2-4.1 2.7-5.5 4.8 -0.5 0.7 0.7 0.9 1.1 0.4 1.4-1.8 2.9-3.3 4.9-4.5C708.3 388 707.7 387.3 707.1 387.6L707.1 387.6z"/>
<path class="st14" d="M675 376c-5.5 2.3-11.3 3.3-15.7 7.4 -0.4 0.4-0.1 1.1 0.4 0.7 4.5-3.7 10.3-4.9 15.4-7.6C675.3 376.4 675.4 375.9 675 376L675 376z"/>
</g>
</g>
<g id="carrotBgroup" class="draggable">
<rect fill-opacity="0.0"  x="264.6" y="541.7" class="st3" width="137.6" height="86.4"/>
<g id="carrot2">
<path class="st15" d="M380.4 560c-5.4-6.5-11.5-8.2-11.8-8.3 -0.4-0.1-0.9-0.1-1.3 0.1l-108.8 42.6c-0.9 0.4-1.4 1.2-1.3 2.1 0.2 1 1 1.5 2 1.5H385c1 0 1.8-0.6 2-1.5C390.3 576.8 385.2 565.9 380.4 560z"/>
<path class="st16" d="M375.8 569.6c2.4 4.3 4 9 3.9 13.9 0 4.6-1.1 9-0.9 13.6 0 1 1.6 0.5 1.5-0.4 -0.5-5.2 0.3-10.5-0.1-15.7 -0.4-4.5-1.8-7.8-4.1-11.6C376.1 569.2 375.7 569.4 375.8 569.6L375.8 569.6z"/>
<path class="st16" d="M361 558.4c3.5 2.8 6 6.3 8 10.3 0.2 0.4 0.6 0.1 0.4-0.3 -1.8-4.2-4.5-7.8-8.2-10.5C360.9 557.8 360.8 558.2 361 558.4L361 558.4z"/>
<path class="st16" d="M370.4 565.1c1.7 3.1 2.6 6.5 3.5 9.9 0.1 0.4 0.7 0 0.6-0.3 -0.9-3.5-2-6.8-3.8-9.9C370.6 564.7 370.3 564.9 370.4 565.1L370.4 565.1z"/>
<path class="st16" d="M347.8 563.8c2.1 3.2 4.6 6.1 6.7 9.2 2.2 3.2 3.3 6.4 4.7 9.9 0.3 0.7 1-0.2 1-0.6 -0.3-7.6-7.6-13.6-12.1-19.1C348 563.1 347.7 563.6 347.8 563.8L347.8 563.8z"/>
<path class="st16" d="M360.4 571.8c2.8 5 4.7 10.1 7 15.3 0.2 0.4 1.1 0.5 1-0.1 -1.4-5.5-4.3-10.7-7.5-15.3C360.7 571.4 360.3 571.5 360.4 571.8L360.4 571.8z"/>
<path class="st16" d="M369.6 589.5c0.4 1 0.4 2 0.4 3 0 0.6 1 0.2 1-0.2 0.1-1.1 0-2.3-0.5-3.3C370.4 588.6 369.4 589 369.6 589.5L369.6 589.5z"/>
<path class="st16" d="M323.1 573.5c3.4 2.7 5.2 5.8 6.6 9.8 0.2 0.6 0.8 0.1 0.7-0.4 -0.6-4.3-3.6-7.7-6.9-10.2C323 572.3 322.7 573.2 323.1 573.5L323.1 573.5z"/>
<path class="st16" d="M332.8 580.1c0.8 1.7 1.2 3.4 1.3 5.3 0 0.7 1 0.2 1-0.3 0-2-0.6-3.8-1.5-5.6C333.3 579 332.6 579.7 332.8 580.1L332.8 580.1z"/>
<path class="st16" d="M339.2 595.3c1.9-4.9 1.5-9.4 0-14.3 -0.1-0.4-0.5-0.1-0.5 0.3 1.1 4.7 1.4 9.1 0 13.8C338.7 595.3 339.1 595.6 339.2 595.3L339.2 595.3z"/>
<path class="st16" d="M344.9 585.6c0.4-2.7-0.6-5.3-2.3-7.4 -0.3-0.4-1.2 0-0.9 0.5 1.4 2.1 2.5 4.4 2.2 7C343.9 586.3 344.8 586.1 344.9 585.6L344.9 585.6z"/>
<path class="st16" d="M306.4 580.1c2.3 1.9 3.8 4.3 4.9 7.1 0.1 0.3 0.5 0.1 0.4-0.2 -0.9-2.9-2.7-5.5-5-7.4C306.4 579.3 306.2 579.9 306.4 580.1L306.4 580.1z"/>
<path class="st16" d="M313.5 585.2c0.7 0.8 0.7 1.7 0.7 2.7 0 0.9 1 0.9 1 0 0-1.3-0.2-2.7-1.2-3.7C313.6 583.8 313.2 584.8 313.5 585.2L313.5 585.2z"/>
</g>
</g>
<g id="stickrightgroup" class="draggable">
<rect fill-opacity="0.0"  x="730.6" y="599.4" transform="matrix(0.7106 0.7036 -0.7036 0.7106 741.0593 -332.0262)"  width="87.2" height="270.8"/>
<g id="rightstickDD">
<path class="st18" d="M639.6 810.4c0 0 1.1-0.5 3.1-1.4 2-0.9 5-2.2 8.7-3.8 3.8-1.6 8.4-3.6 13.6-5.8 5.3-2.2 11.3-4.6 17.8-7.3 6.6-2.6 13.7-5.4 21.4-8 1.9-0.6 3.9-1.3 6.1-1.8l0.8-0.2 0.9-0.2 0.5-0.1c0.2 0 0.4 0 0.6-0.1l0.6 0c0.4 0-0.4 0-0.2 0l0.1 0 0.2 0c0.1 0 0.3 0 0.3 0 0 0-0.1 0-0.1 0 0 0-0.1 0 0 0l0.2-0.1c0.1-0.1 0.3-0.1 0.4-0.2 0.2-0.1 0.3-0.2 0.5-0.3 1.4-1 2.8-2.4 4.2-4 1.4-1.5 2.8-3.1 4.2-4.8 2.8-3.4 5.6-6.9 8.5-10.4 1.5-1.8 3-3.5 4.7-5.3 0.8-0.9 1.7-1.7 2.7-2.6 0.5-0.4 1-0.9 1.7-1.3 0.3-0.2 0.6-0.4 1-0.6 0.2-0.1 0.3-0.2 0.6-0.3l0.7-0.3c0.4-0.2 1.1-0.3 1.7-0.4 0.2 0-0.7 0.1-0.3 0l0.1 0 0.2 0c0.1 0 0.3-0.1 0.4-0.1 0-0.1 0.1-0.1 0.2-0.1 0 0 0.2-0.1 0.3-0.1l0.3-0.2c0.9-0.4 1.8-1 2.8-1.6 1.9-1.2 3.8-2.4 5.7-3.7 3.8-2.6 7.6-5.3 11.4-8.1 7.6-5.5 15.2-11 22.8-16.3 3.8-2.6 7.7-5.2 11.7-7.6 2-1.2 4-2.3 6.2-3.3 1.1-0.5 2.2-1 3.6-1.3l1.1-0.2c0.5 0 0.9-0.1 1.4-0.1l0.2 0c0.2 0-0.1 0-0.1 0l0.2 0 0.2 0c0 0 0 0 0 0 -0.1 0 0.1 0 0.2 0 0.5-0.2 1.3-0.6 2.1-1.1 0.8-0.5 1.5-1.2 2.3-1.8 1.5-1.3 2.9-2.8 4.3-4.4 2.8-3.1 5.3-6.2 7.8-9.4 4.9-6.3 9.4-12.4 14-18 1.2-1.4 2.3-2.7 3.6-4 0.7-0.6 1.3-1.3 2.2-1.9 0.5-0.3 0.9-0.6 1.9-0.9 0.1 0 0.3 0 0.4-0.1 0.3 0-0.2 0-0.1 0l0.1 0 0.3-0.1 0.1 0 0 0c0 0 0 0 0 0 -0.1 0 0.1-0.1 0.2-0.1 0.1-0.1 0.2-0.1 0.4-0.2 0.3-0.2 0.5-0.4 0.8-0.6 0.5-0.4 1.1-0.9 1.6-1.4 1-1 2-2.1 2.9-3.1 3.6-4.3 6.5-8.3 8.9-11.6 2.4-3.3 4.2-6 5.4-7.8 1.2-1.8 1.9-2.8 1.9-2.8l0 0c0.5-0.7 1.4-0.9 2.1-0.4 0.7 0.4 0.9 1.3 0.4 2 0 0-0.6 1-1.8 2.9 -1.2 1.9-2.9 4.6-5.1 8.1 -2.3 3.4-5.1 7.6-8.7 12.2 -0.9 1.1-1.9 2.3-3 3.5 -0.5 0.6-1.1 1.2-1.8 1.8 -0.3 0.3-0.7 0.6-1.1 0.9 -0.2 0.1-0.4 0.3-0.6 0.4 -0.2 0.1-0.4 0.3-0.8 0.5 -0.2 0.1-0.4 0.2-0.6 0.2l-0.3 0.1 -0.2 0 -0.3 0.1 -0.1 0c0 0-0.6 0.1-0.3 0 0 0 0.1 0 0.1 0 0.2-0.1-0.1 0.1-0.3 0.2 -0.4 0.3-1 0.9-1.5 1.4 -1.1 1.1-2.1 2.4-3.2 3.8 -4.3 5.4-8.6 11.7-13.5 18.2 -2.4 3.2-5 6.6-7.8 9.9 -1.4 1.6-2.9 3.3-4.6 4.9 -0.8 0.8-1.7 1.6-2.8 2.3 -1 0.7-2.1 1.5-3.7 2 -0.4 0.1-0.8 0.2-1.4 0.3l-0.4 0 -0.2 0 -0.2 0c0 0-0.4 0-0.3 0l0 0c-0.1 0-0.2 0-0.2 0l-0.5 0.2c-0.7 0.2-1.7 0.6-2.6 1 -1.8 0.9-3.7 2-5.6 3.1 -3.8 2.3-7.5 4.9-11.3 7.5 -7.5 5.3-15 10.9-22.6 16.4 -3.8 2.8-7.6 5.5-11.5 8.2 -1.9 1.3-3.9 2.7-6 3.9 -1 0.6-2.1 1.3-3.3 1.9l-0.5 0.2c-0.2 0.1-0.3 0.1-0.5 0.2 -0.5 0.2-1 0.4-1.5 0.5 -0.2 0.1-0.3 0.1-0.5 0.1l-0.2 0 -0.1 0c0.3 0-0.6 0.1-0.5 0.1 0 0.1 0.2-0.1 0.1 0 0 0-0.1 0-0.1 0 0 0-0.1 0.1-0.2 0.1 -0.1 0.1-0.3 0.1-0.5 0.3 -0.3 0.2-0.7 0.5-1.1 0.8 -0.7 0.7-1.5 1.4-2.3 2.2 -1.5 1.5-3 3.2-4.4 4.9 -2.9 3.5-5.7 6.9-8.5 10.3 -1.4 1.7-2.9 3.4-4.4 5 -1.6 1.6-3.2 3.2-5.2 4.7 -0.2 0.2-0.6 0.4-0.8 0.5 -0.3 0.2-0.6 0.4-1 0.5l-0.5 0.2c-0.2 0.1-0.5 0.2-0.8 0.3 -0.3 0.1-0.6 0.1-0.9 0.2 -0.2 0-0.3 0-0.4 0l-0.2 0 -0.1 0c0 0-0.8 0-0.4 0 0 0-0.1 0-0.1 0l-0.1 0 -0.3 0.1 -0.6 0.1 -0.7 0.2c-1.8 0.4-3.8 1-5.7 1.6 -7.6 2.4-14.8 4.9-21.4 7.3 -6.6 2.4-12.7 4.6-18 6.5 -5.4 2-10 3.7-13.9 5.1 -3.8 1.4-6.9 2.5-8.9 3.3 -2.1 0.8-3.2 1.2-3.2 1.2 -0.8 0.3-1.6-0.1-1.9-0.9C638.5 811.6 638.9 810.7 639.6 810.4z"/>
<path class="st18" d="M833.3 653.3l-1.9 10.1 -0.9 5c-0.1 0.8-0.3 1.7-0.4 2.5l-0.4 2.5 -3 20.3 0-0.5 0.8 8c0.1 1.1-0.7 2.1-1.8 2.2 -1.1 0.1-2.1-0.7-2.2-1.8 0 0 0 0 0-0.1l-0.6-8 0-0.1c0-0.1 0-0.3 0-0.4l3.6-20.2 0.4-2.5c0.2-0.9 0.4-1.7 0.5-2.6l1.1-5 2.1-10c0.2-0.7 0.9-1.2 1.6-1C833 651.9 833.4 652.6 833.3 653.3z"/>
<path class="st18" d="M844.3 679.6c0 0 0.1 0.1 0.4 0.3 0.3 0.2 0.7 0.5 1.2 0.8 1 0.7 2.5 1.6 4.3 2.7 0.9 0.5 1.9 1.1 3 1.6 0.5 0.3 1.1 0.5 1.7 0.8 0.6 0.2 1.1 0.5 1.7 0.7 0.6 0.2 1.2 0.5 1.8 0.6 0.3 0.1 0.6 0.2 0.9 0.3l0.9 0.2 0.4 0.1 0.4 0c0.3 0 0.6 0.1 0.8 0 0.2 0 0.5-0.1 0.7-0.1l0 0c0 0-0.2 0.1-0.1 0l0 0 0 0 0.1 0 0.3-0.1 0.5-0.2c0.4-0.1 0.6-0.2 0.9-0.3 0.3-0.1 0.6-0.2 0.9-0.4 0.6-0.3 1.2-0.6 1.8-0.9 1.2-0.6 2.4-1.3 3.6-2 1.1-0.7 2.2-1.4 3.3-2.1 1-0.7 2-1.3 2.9-2 1.8-1.2 3.2-2.3 4.3-3.1 1-0.8 1.6-1.2 1.6-1.2l0 0c0.7-0.5 1.6-0.4 2.1 0.3 0.5 0.6 0.4 1.5-0.2 2.1 0 0-0.6 0.5-1.6 1.3 -1 0.8-2.4 2-4.2 3.3 -0.9 0.7-1.8 1.4-2.8 2.2 -1 0.8-2.1 1.5-3.3 2.3 -1.1 0.8-2.4 1.6-3.7 2.3 -0.6 0.4-1.3 0.7-2 1.1 -0.7 0.3-1.6 0.8-2.2 1l-0.5 0.2 -0.3 0.1 -0.1 0 0 0 -0.1 0 -0.1 0c-0.5 0.1-1 0.2-1.4 0.3 -0.5 0.1-0.9 0.1-1.3 0.1h-0.7l-0.6-0.1c-0.4-0.1-0.8-0.1-1.2-0.2 -0.4-0.1-0.8-0.2-1.2-0.3 -0.8-0.1-1.5-0.4-2.2-0.6 -0.7-0.2-1.4-0.5-2-0.7 -0.6-0.3-1.3-0.5-1.9-0.8 -1.2-0.5-2.3-1.1-3.3-1.6 -2-1-3.7-2-4.8-2.6 -0.6-0.3-1-0.6-1.3-0.8 -0.3-0.2-0.5-0.3-0.5-0.3 -1.3-0.8-1.6-2.5-0.8-3.7 0.8-1.3 2.5-1.6 3.7-0.8C844.2 679.5 844.2 679.6 844.3 679.6L844.3 679.6z"/>
<path class="st18" d="M870.3 664.5l4.6 19c0.1 0.5-0.2 1.1-0.7 1.2 -0.5 0.1-1.1-0.2-1.2-0.7 0 0 0 0 0 0l-4.3-19c-0.1-0.5 0.2-0.9 0.6-1C869.7 663.8 870.2 664.1 870.3 664.5z"/>
</g>
</g>
<g id="leftsnowarm" class="draggable">
<path class="st3 strokeline" d="M521.6 670.2c0 0 12.8-13.5 13.9-17.8 1-4.3-11.8 5.2-11.8 5.2s11-9 8.9-12.8c-2.3-4.2-15 8.4-15 8.4s11.2-12.8 8.9-15.8c-2.9-3.8-15.7 10.7-15.7 10.7s10.3-13.7 5.8-15.9c-2.9-1.4-13 10.3-13 10.3s-4.2-8.5-7.8-6.2c-3.6 2.3 1.8 12.8 1.8 12.8 -0.8 1-1.7 1.8-2.5 2.8 14.8 7.9 20.9 16 23.3 22C519.4 672.6 520.5 671.4 521.6 670.2z"/>
<path class="st3 strokeline" d="M341.7 720.4c-2.2 8.6 3 17.3 11.5 19.5 3.5 0.9 86.1 20.8 165-66.1 -2.4-6-8.4-14-23.3-22 -65.4 72.4-130.9 57.7-133.9 57C352.6 706.7 343.9 711.9 341.7 720.4z"/>
</g>
<g id="rightsnowarmDD" class="draggable"> 
<path class="st3 strokeline" d="M271.3 698.4c0 0-8.3-16.7-8.1-21.1 0.3-4.4 9.7 8.5 9.7 8.5s-7.8-11.9-4.8-14.8c3.5-3.4 11.9 12.4 11.9 12.4s-6.9-15.5-3.9-17.7c3.9-2.8 11.9 14.8 11.9 14.8s-5.9-16.1-0.9-16.9c3.2-0.5 9.4 13.6 9.4 13.6s6.5-6.9 9.3-3.6c2.8 3.3-5.5 11.7-5.5 11.7 0.5 1.2 1.1 2.2 1.6 3.4 -16.5 3.2-24.7 9.2-28.7 14.2C272.7 701.4 271.9 700 271.3 698.4z"/>
<path class="st3 strokeline" d="M428.4 799.3c-0.4 8.8-7.9 15.7-16.7 15.2 -3.6-0.2-88.4-5.4-138.3-111.6 4-5 12.2-10.9 28.7-14.2 41.3 88.5 108.2 93.6 111.2 93.8C422 783 428.8 790.5 428.4 799.3z"/>
</g>
<g id="stickleftgroup" class="draggable">
<rect fill-opacity="0.0"  x="620.4" y="622.9" transform="matrix(0.8182 -0.575 0.575 0.8182 -307.9643 516.356)" class="st3" width="84" height="244.5"/>
<g id="leftstickDD">
<path class="st18" d="M777.7 827.7c0 0-1-0.3-3-0.9 -2-0.6-4.8-1.4-8.5-2.6 -3.6-1.1-8.1-2.5-13.2-4.1 -5.1-1.6-10.8-3.5-17-5.5 -6.2-2.1-13-4.4-20.1-6.9 -3.6-1.3-7.2-2.6-10.9-4.3 -0.5-0.2-1-0.4-1.4-0.7 -0.5-0.3-1-0.5-1.7-1 -0.1 0-0.2-0.2-0.3-0.3l-0.2-0.2c0 0-0.1-0.1-0.3-0.3 -0.1-0.2-0.2-0.4-0.3-0.5 -0.1-0.2-0.2-0.6-0.2-0.4l-0.1-0.2c-0.1-0.2-0.2-0.8-0.3-1 -0.1-0.6-0.2-1.1-0.3-1.6 -0.4-2-0.7-4-1.1-6 -0.8-3.9-1.6-8-3-11.5 -0.3-0.9-0.7-1.7-1.1-2.5 -0.4-0.7-0.9-1.3-1.2-1.5 -0.1-0.1-0.1 0-0.2-0.1 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0.1-0.4-0.1-0.4-0.1l-0.1 0 -0.2-0.1 -0.4-0.2 -0.4-0.2 -0.2-0.1 -0.1-0.1c-0.3-0.2-0.6-0.4-0.8-0.6 -1-0.7-1.9-1.5-2.7-2.2 -3.3-3-6.4-6.1-9.4-9.2 -3-3.2-6-6.3-9-9.6 -5.9-6.4-11.8-12.9-17.5-19.4 -5.7-6.4-11.3-12.8-16.7-19 -5.3-6.2-10.5-12.3-15.3-18 -1.2-1.5-2.4-2.9-3.5-4.3 -1.2-1.4-2.3-2.8-3.4-4.4 -0.5-0.8-0.7-0.9-1.4-1.5 -0.6-0.5-1.2-1-1.9-1.5 -1.3-1-2.7-1.9-4-2.7 -5.4-3.5-10.6-6.4-15.3-8.8 -4.7-2.4-8.9-4.3-12.4-5.6 -3.5-1.3-6.3-2.1-8.2-2.4 -0.9-0.1-1.6-0.2-2-0.2 -0.4 0-0.6 0-0.6 0l-0.2 0c-0.8 0-1.5-0.6-1.6-1.4 0-0.8 0.5-1.5 1.3-1.6 0 0 0.3 0 1-0.1 0.6 0 1.5-0.1 2.6 0.1 2.2 0.2 5.3 0.9 9 2.2 3.7 1.3 8.1 3 12.9 5.3 4.9 2.3 10.3 5 16 8.5 1.4 0.9 2.9 1.8 4.3 2.8 0.7 0.5 1.5 1.1 2.2 1.7 0.7 0.5 1.8 1.6 2.2 2.3 1 1.2 2.2 2.7 3.3 4 1.2 1.4 2.4 2.8 3.6 4.2 4.9 5.7 10.1 11.6 15.6 17.7 5.4 6.1 11.1 12.4 16.8 18.8 5.8 6.4 11.6 12.8 17.6 19.2 3 3.2 6 6.3 9 9.4 3 3.1 6 6.2 9.1 9 0.8 0.7 1.5 1.3 2.2 1.9 0.2 0.1 0.3 0.2 0.5 0.3l0.1 0 0 0c0 0 0 0-0.1 0 0 0-0.1 0-0.1 0l0.2 0.1 0.1 0c0.1 0-0.5-0.1-0.2 0l0.4 0.1c0.2 0.1 0.5 0.2 0.7 0.3 0.4 0.2 0.9 0.4 1.2 0.7 1.4 1.1 2.2 2.3 2.8 3.4 0.6 1.1 1.1 2.2 1.5 3.3 1.6 4.3 2.4 8.5 3.1 12.6 0.3 2 0.7 4 1 6 0.1 0.5 0.2 1 0.3 1.4 0.1 0.3 0 0.2 0.1 0.5l0.1 0.2c0.1 0.2 0-0.1-0.1-0.3 -0.1-0.1-0.1-0.3-0.2-0.4l-0.2-0.2 0 0c0 0-0.1-0.1-0.1-0.1 0.1 0.1 0.5 0.3 0.9 0.5 0.4 0.2 0.8 0.4 1.2 0.6 3.4 1.6 7 3 10.5 4.3 7 2.7 13.6 5.2 19.8 7.4 24.6 8.9 41 14.8 41 14.8 0.8 0.3 1.2 1.1 0.9 1.9C779.3 827.5 778.4 827.9 777.7 827.7z"/>
<path class="st18" d="M612.1 685.6c0 0-2.2 0.5-5.4 1.3 -3.2 0.7-7.6 1.7-11.9 2.6 -4.4 0.9-8.7 1.9-12 2.5 -3.3 0.5-5.5 1.1-5.5 1.1h0c-0.8 0-1.6-0.7-1.7-1.5 -0.1-0.8 0.4-1.7 1.2-1.8 0 0 2.2-0.4 5.4-1.1 3.2-0.7 7.5-1.6 11.8-2.7 4.3-1 8.6-2.1 11.8-3 3.2-0.9 5.3-1.4 5.3-1.4l0 0c1.1-0.3 2.3 0.4 2.6 1.5C614 684.1 613.3 685.3 612.1 685.6 612.2 685.6 612.1 685.6 612.1 685.6z"/>
<path class="st18" d="M624.5 700.2c0 0 0.4-0.9 1-2.6 0.6-1.6 1.5-4 2.6-6.9 2.1-5.7 4.7-13.4 6.8-21.2 0.3-1 0.5-2 0.8-2.9 0.2-1 0.4-1.9 0.5-2.8 0.1-0.9 0.1-1.7 0.2-2.6 0-0.9-0.1-1.8-0.2-2.6 -0.2-0.8-0.3-1.7-0.6-2.5 -0.3-0.8-0.5-1.6-0.9-2.3 -0.2-0.4-0.3-0.7-0.5-1.1 -0.2-0.3-0.4-0.7-0.6-1 -0.2-0.3-0.4-0.6-0.6-0.9 -0.2-0.3-0.4-0.6-0.7-0.9 -0.9-1.1-1.8-2.1-2.6-2.9 -0.4-0.4-0.9-0.7-1.2-1.1 -0.4-0.3-0.8-0.6-1.1-0.8 -0.7-0.5-1.2-0.8-1.6-1 -0.4-0.2-0.6-0.3-0.6-0.3l-0.1-0.1c-0.7-0.4-1-1.3-0.6-2 0.4-0.7 1.2-1 1.9-0.6 0 0 0.1 0 0.2 0.1 0.1 0.1 0.3 0.2 0.5 0.3 0.5 0.2 1.1 0.6 1.9 1.1 0.4 0.3 0.8 0.6 1.3 0.9 0.4 0.4 0.9 0.7 1.5 1.1 1 0.9 2.1 1.9 3.1 3.1 0.3 0.3 0.5 0.6 0.8 1 0.3 0.3 0.5 0.7 0.7 1.1 0.2 0.4 0.5 0.7 0.7 1.1 0.2 0.4 0.4 0.8 0.7 1.2 0.5 0.8 0.8 1.8 1.2 2.7 0.4 0.9 0.5 2 0.8 3 0.2 1 0.3 2.1 0.4 3.2 0 1.1 0 2.3-0.1 3.4 -0.1 0.5-0.1 1-0.2 1.5l-0.1 0.8 -0.1 0.4 0 0.2 0 0 0 0.2 0 0.1c-0.2 1-0.4 2-0.7 3 -1.8 8-4.2 15.9-6 21.8 -0.9 2.9-1.8 5.4-2.4 7.1 -0.6 1.7-1 2.7-1 2.7 -0.5 1.5-2.1 2.2-3.6 1.7s-2.2-2.1-1.7-3.6C624.5 700.3 624.5 700.3 624.5 700.2L624.5 700.2z"/>
</g>
</g>
<g id="rightmittenDD" class="draggable">
<path class="st10" d="M383.1 363.1l16.4-18.5c0 0-4.6-28.2 6.4-40 11-11.8 19.6 8.4 17.6 20.7 0 0 33.9-50 57.9-31.2s11.2 59.9-25.7 87.3L430.4 410 383.1 363.1z"/>
<path class="st11" d="M440.3 405.6c0 0-43.4-48.1-54.8-48.5 -11.5-0.4-17.1 5.4-16.6 11.2 0.5 5.8 61.8 54.7 64.9 49.9C436.9 413.5 440.3 405.6 440.3 405.6z"/>
</g>
<g id="leftmittenDD" class="draggable">
<path class="st10" d="M331.9 357.2l-17.6-16.8c0 0 2-27.7-9.8-38.4 -11.8-10.7-18.6 10-15.7 21.8 0 0-37.1-46.4-59.1-26s-5.9 59.5 32.5 83.3l27.2 26L331.9 357.2z"/>
<path class="st11" d="M278.9 404c0 0 38.6-50.7 49.8-52 11.2-1.4 17.2 3.9 17.2 9.6 0 5.7-56.1 58.7-59.6 54.2C282.8 411.4 278.9 404 278.9 404z"/>
</g>
<g id="tophatDD" class="draggable">
<path class="st10" d="M87.5 180.9c5.4 22.3 9.4 42.1 9.9 54.1h60.9 60.9c0.5-12 4.4-30.6 9.7-52.6C158.8 170.1 112.2 175.1 87.5 180.9z"/>
<path class="st4" d="M158.4 49.6c0 0-66.9 1.5-101.1 19.3 0 0 18.3 61.3 30.2 110.6 24.7-5.8 71.3-11.4 141.5 0.9 11.9-49.5 30.4-111.6 30.4-111.6C225.3 51.1 158.4 49.6 158.4 49.6z"/>
<path class="st4" d="M256 236.2c0 9.8-8 17.8-17.8 17.8H76.8C67 254 59 246 59 236.2v-0.4c0-9.8 8-17.8 17.8-17.8h161.4c9.8 0 17.8 8 17.8 17.8V236.2z"/>
<path class="st19" d="M78.4 85.7c0 0 1.2 3.6 2.7 9.1 0.4 1.4 0.8 2.8 1.2 4.4 0.4 1.6 0.8 3.2 1.2 4.9 0.4 1.7 0.8 3.5 1.2 5.3 0.4 1.8 0.8 3.6 1.2 5.5 0.8 3.7 1.5 7.4 2.1 10.9 0.3 1.7 0.6 3.4 0.9 5 0.3 1.6 0.5 3.1 0.7 4.5 0.9 5.6 1.2 9.4 1.2 9.4 0 0.1-0.1 0.2-0.2 0.3 -0.1 0-0.2-0.1-0.2-0.2 0 0-1.2-3.6-2.6-9.1 -0.4-1.4-0.8-2.8-1.2-4.4 -0.4-1.6-0.8-3.2-1.2-4.9 -0.8-3.4-1.6-7.1-2.4-10.8 -0.4-1.8-0.8-3.7-1.1-5.5 -0.4-1.8-0.7-3.6-1-5.3 -0.3-1.7-0.6-3.4-0.9-5 -0.3-1.6-0.5-3.1-0.7-4.5 -0.9-5.6-1.2-9.4-1.2-9.4 0-0.1 0.1-0.2 0.2-0.3C78.2 85.6 78.3 85.6 78.4 85.7z"/>
</g>
<g id="buttongroup" class="draggable">
<rect fill-opacity="0.0"  x="525.8" y="309.4" class="st12" width="74.3" height="109.1"/>
<g id="buttons">
<circle class="st20" cx="563.4" cy="337.9" r="15.9"/>
<circle class="st21" cx="563.4" cy="337.9" r="13.1"/>
<circle class="st22" cx="563.4" cy="337.9" r="11.3"/>
<circle class="st23" cx="558.4" cy="333.6" r="2"/>
<circle class="st23" cx="568.4" cy="333.6" r="2"/>
<circle class="st23" cx="558.4" cy="341.6" r="2"/>
<circle class="st23" cx="568.4" cy="341.6" r="2"/>
<circle class="st20" cx="563.4" cy="382.6" r="15.9"/>
<circle class="st21" cx="563.4" cy="382.6" r="13.1"/>
<circle class="st22" cx="563.4" cy="382.6" r="11.3"/>
<circle class="st23" cx="558.4" cy="378.3" r="2"/>
<circle class="st23" cx="568.4" cy="378.3" r="2"/>
<circle class="st23" cx="558.4" cy="386.2" r="2"/>
<circle class="st23" cx="568.4" cy="386.2" r="2"/>
</g>
</g>
<g id="scarfgroup" class="draggable">
<rect fill-opacity="0.0"  x="597.1" y="232.9" class="st12" width="265.9" height="94.7"/>
<g id="scarf">
<path class="st11" d="M819.1 283.2c-10.9 8.6-34.7 20.6-46.4 26.3 1.6 7.7 3.5 17.1 5.3 26.9 13.2-5.1 37-14.6 48.8-21.9C824.5 303.2 821.7 292 819.1 283.2z"/>
<path class="st10" d="M813.3 266.5c-6.3-11.2-44.6 24.2-44.6 24.2s1.7 7.6 4.1 18.7c11.7-5.7 35.4-17.6 46.4-26.3C816.8 275.2 814.7 269.1 813.3 266.5z"/>
<path class="st10" d="M826.9 314.4c-11.8 7.3-35.6 16.9-48.8 21.9 1.8 9.8 3.5 20 4.8 29.2 11.8-4.4 34.6-13.8 48.7-25C830.5 332.5 828.8 323.5 826.9 314.4z"/>
<path class="st11" d="M831.6 340.5c-14.2 11.2-37 20.6-48.7 25 1.2 9 2 17 2 23 0 0 0.3-0.1 0.8-0.3 0.1 2.2 0.1 5.5-0.3 10 0 0.4 0.3 0.8 0.7 0.8 0 0 0 0 0.1 0 0.4 0 0.7-0.3 0.7-0.7 0.3-4.8 0.3-8.3 0.3-10.6 0.4-0.1 0.8-0.3 1.3-0.5 0.1 2.2 0 5.6-0.3 9.7 0 0.4 0.3 1 0.7 1 0 0 0 0 0.1 0 0.4 0 0.7-0.5 0.7-0.9 0.3-4.6 0.3-8 0.3-10.3 0.4-0.2 0.9-0.4 1.3-0.5 0 2.2 0 5.6-0.3 9.5 0 0.4 0.3 1.2 0.7 1.2 0 0 0 0 0.1 0 0.4 0 0.7-0.7 0.7-1.1 0.3-4.3 0.3-7.7 0.3-10 0.4-0.2 0.9-0.4 1.3-0.6 0 2.1 0 4.7-0.3 8.3 0 0.4 0.3 0.3 0.7 0.3 0 0 0 0 0.1 0 0.4 0 0.7 0.1 0.7-0.3 0.3-4 0.3-7 0.3-9.2 0.4-0.2 0.9-0.3 1.3-0.4 0 2.1 0 4.8-0.3 8.3 0 0.4 0.3 0.6 0.7 0.6 0 0 0 0 0.1 0 0.4 0 0.7-0.1 0.7-0.5 0.3-3.8 0.3-6.8 0.3-8.9 0.4-0.2 0.9-0.3 1.3-0.5 0 2-0.1 4.9-0.3 8.1 0 0.4 0.3 0.8 0.7 0.8 0 0 0 0 0.1 0 0.4 0 0.7-0.3 0.7-0.7 0.3-3.6 0.3-6.6 0.3-8.7 0.4-0.2 0.9-0.4 1.3-0.6 0 2-0.1 4.4-0.3 7.5 0 0.4 0.3 0.5 0.7 0.5 0 0 0 0 0.1 0 0.4 0 0.7 0 0.7-0.4 0.2-3.5 0.3-6.2 0.3-8.3 0.4-0.2 0.9-0.4 1.3-0.5 0 1.9-0.1 4.1-0.3 7 0 0.4 0.3 0.2 0.7 0.2 0 0 0 0 0.1 0 0.4 0 0.7 0.3 0.7-0.1 0.2-3.3 0.3-5.8 0.3-7.9 0.4-0.2 0.9-0.3 1.3-0.5 0 2.1-0.1 4.4-0.3 7.5 0 0.4 0.3 0 0.7 1 0 0 0 0 0.1 0 0.4 0 0.7-0.4 0.7-0.8 0.2-3.5 0.3-6.2 0.3-8.4 0.4-0.2 0.9-0.3 1.3-0.5 0 2-0.1 4.5-0.3 7.6 0 0.4 0.3 1.2 0.7 1.2 0 0 0 0 0.1 0 0.4 0 0.7-0.6 0.7-1 0.2-3.4 0.3-6.2 0.3-8.3 0.4-0.2 0.9-0.4 1.3-0.6 0 2-0.1 4.7-0.3 7.6 0 0.4 0.3 1.3 0.7 1.3 0 0 0 0 0.1 0 0.4 0 0.7-0.8 0.7-1.2 0.2-3.3 0.3-6.2 0.3-8.3 0.4-0.2 0.9-0.5 1.3-0.7 0 2-0.1 4.8-0.3 7.7 0 0.4 0.3 1.5 0.7 1.5 0 0 0 0 0.1 0 0.4 0 0.7-1 0.7-1.4 0.2-3.3 0.3-6.2 0.3-8.4 0.4-0.2 0.9-0.6 1.3-0.8 0 1.9-0.1 4.5-0.3 7.4 0 0.4 0.3 1.2 0.7 1.2 0 0 0 0 0.1 0 0.4 0 0.7-0.7 0.7-1.1 0.2-3.3 0.3-6.1 0.3-8.2 0.4-0.2 0.9-0.5 1.3-0.8 0 2-0.1 4.8-0.3 7.7 0 0.4 0.3 1.4 0.7 1.4 0 0 0 0 0.1 0 0.4 0 0.7-0.9 0.7-1.3 0.2-3.4 0.3-6.4 0.3-8.5 0.4-0.3 0.9-0.7 1.3-0.9 0 2-0.1 4.2-0.3 7.2 0 0.4 0.3 0.6 0.7 0.6 0 0 0 0 0.1 0 0.4 0 0.7-0.1 0.7-0.5 0.3-3.6 0.3-6.3 0.3-8.5 0.5-0.3 0.9-0.6 1.3-0.9 0 2.1-0.1 4.2-0.3 7.5 0 0.4 0.3 0.4 0.7 0.4 0 0 0 0 0.1 0 0.4 0 0.7 0.2 0.7-0.2 0.3-4 0.3-6.8 0.3-9 0.5-0.4 0.9-0.7 1.3-1.1 0 2.2 0 4.9-0.3 8.7 0 0.4 0.3 0.6 0.7 0.6 0 0 0 0 0.1 0 0.4 0 0.7-0.1 0.7-0.5 0.4-5.3 0.3-8.9 0.2-11.1C833.6 360.5 833.2 351.6 831.6 340.5z"/>
<path class="st10" d="M810.8 232.9c-3.7 6.3-8 12.2-12.7 17.6 2.6 7.9 5 16.3 6.8 24.5 8.1-7.1 13.8-14.3 15.4-20.7 0.8-3.1 0-5.9 0-5.9S815.9 240.7 810.8 232.9z"/>
<path class="st11" d="M770.5 273.9c1.2 7.5 2.1 14.9 2.7 21.8 12.2-6.1 23.3-13.4 31.6-20.7 -1.7-8.3-4.1-16.6-6.8-24.5C790.1 259.7 780.8 267.6 770.5 273.9z"/>
<path class="st10" d="M735.9 288.3c0.1 7.3 0 14.5-0.3 21.3 12.7-3 25.7-7.9 37.6-13.8 -0.5-6.9-1.5-14.3-2.7-21.8C759.9 280.4 748.3 285.3 735.9 288.3z"/>
<path class="st11" d="M708 291.6c-6.6 0-13-0.5-19.3-1.6 -0.4 7-0.5 13.9-0.1 20.3 7.8 1.5 15.4 2.4 22.7 2.4 7.7 0 16-1.1 24.3-3.1 0.4-6.8 0.5-14 0.3-21.3C727 290.4 717.6 291.6 708 291.6z"/>
<path class="st10" d="M688.7 290c-13.2-2.2-25.7-6.5-37.1-12.6 -1.1 6.9-1.9 13.9-2 20.8 12.2 5.2 25.7 9.6 38.9 12.1C688.2 303.9 688.3 297 688.7 290z"/>
<path class="st11" d="M622.4 255.3c-3.2 7.7-5.9 15.9-7.5 23.8 8.6 6.3 20.9 13.2 34.7 19.1 0.1-6.9 0.9-13.9 2-20.8C640.7 271.6 630.9 264.1 622.4 255.3z"/>
<path class="st10" d="M609 238.7c-5.3 8-10.9 19.6-6 28.6 1.8 3.4 6 7.5 12 11.8 1.5-7.9 4.3-16.1 7.5-23.8C617.4 250.2 612.9 244.7 609 238.7z"/>
</g>
</g>
<g id="broomgroup" class="draggable">
<rect fill-opacity="0.0"  x="168.9" y="371.1" class="st12" width="71.5" height="342.1"/>
<g id="broomDD">
<path class="st24" d="M207 713.7c-3.7 0-6.7-3.1-6.7-6.8l3.6-328.5c0-3.7 3.1-6.7 6.8-6.7l0 0c3.7 0 6.7 3.1 6.7 6.8l-3.6 328.5C213.8 710.8 210.7 713.8 207 713.7L207 713.7z"/>
<ellipse transform="matrix(-0.9999 -1.106386e-002 1.106386e-002 -0.9999 406.4807 1428.9818)" class="st24" cx="207.2" cy="713.4" rx="18.4" ry="7.6"/>
<path class="st25" d="M250.7 816.8c0 0 7.2-80.4-11.7-94.5 -18.9-14.1-64.7-12.4-70.4 2 -5.7 14.4-9.4 96-9.4 96l20.1 2 6-17.1 3.5 18.2 36.8-5.9 2.4-13.6 7.3 12.5L250.7 816.8z"/>
<path class="st26" d="M248.7 735.1c0.8 0.1 1.5 0.8 1.5 1.6 0 0.9-0.7 1.7-1.6 1.8l-83.4 3.9c-0.9 0-1.7-0.7-1.8-1.6 0-0.9 0.7-1.7 1.6-1.8l83.4-3.9C248.5 735.1 248.6 735.1 248.7 735.1z"/>
<rect fill-opacity="0.0"  x="216.2" y="766.9" transform="matrix(-0.1147 -0.9934 0.9934 -0.1147 -498.1973 1091.0002)" class="st27" width="41.6" height="1.1"/>
<rect fill-opacity="0.0"  x="222.9" y="782.5" transform="matrix(-0.2361 -0.9717 0.9717 -0.2361 -474.1178 1193.3009)" class="st27" width="18.2" height="1.1"/>
<rect fill-opacity="0.0"  x="220.9" y="752" transform="matrix(-0.9999 -1.106386e-002 1.106386e-002 -0.9999 434.4157 1549.0824)" class="st27" width="1.1" height="42.6"/>
<rect fill-opacity="0.0"  x="207.3" y="779.4" transform="matrix(-0.9893 -0.1456 0.1456 -0.9893 298.4054 1604.0748)" class="st27" width="1.1" height="23.4"/>
<rect fill-opacity="0.0"  x="204.1" y="748.8" transform="matrix(-0.9851 -0.1719 0.1719 -0.9851 275.8533 1539.9233)" class="st27" width="1.1" height="18.5"/>
<rect fill-opacity="0.0"  x="190.6" y="768.5" transform="matrix(-0.9999 -1.106386e-002 1.106386e-002 -0.9999 373.5979 1564.8939)" class="st27" width="1.1" height="25.8"/>
<rect fill-opacity="0.0"  x="199.7" y="758.5" transform="matrix(-0.9999 -1.106386e-002 1.106386e-002 -0.9999 391.926 1541.6488)" class="st27" width="1.1" height="22.4"/>
<rect fill-opacity="0.0"  x="179.5" y="761.1" transform="matrix(-0.9853 -0.1711 0.1711 -0.9853 224.5563 1574.2578)" class="st27" width="1.1" height="32.7"/>
<rect fill-opacity="0.0"  x="168.1" y="777.2" transform="matrix(-0.9999 -1.106386e-002 1.106386e-002 -0.9999 328.5311 1577.6027)" class="st27" width="1.1" height="21.3"/>
<rect fill-opacity="0.0"  x="175.6" y="757.5" transform="matrix(-0.976 -0.2178 0.2178 -0.976 181.4946 1549.5483)" class="st27" width="1.1" height="14.5"/>
<path class="st26" d="M249.4 743.7c0.8 0.1 1.5 0.8 1.5 1.6 0 0.9-0.7 1.7-1.6 1.8l-85 3.7c-0.9 0-1.7-0.7-1.8-1.6 0-0.9 0.7-1.7 1.6-1.8l85-3.7C249.3 743.7 249.3 743.7 249.4 743.7z"/>
</g>
</g>
<g id="skigroup" class="draggable">
<rect fill-opacity="0.0"  x="18" y="301.8" class="st12" width="120.3" height="545.2"/>
<g id="skisDD">
<path class="st28" d="M85.9 320.7c-6.6-0.3-13.1 28.2-13.1 28.2S53 761.5 52.1 779.5c-0.9 18 10.2 32.8 10.2 32.8s12.4-13.7 13.3-31.7c0.9-18 20.6-430.6 20.6-430.6S92.5 321 85.9 320.7z"/>
<rect fill-opacity="0.0"  x="76.6" y="353.7" transform="matrix(0.9989 4.759682e-002 -4.759682e-002 0.9989 27.3287 -3.0528)" class="st29" width="2.2" height="437.3"/>
<rect fill-opacity="0.0"  x="67.7" y="353.2" transform="matrix(0.9989 4.754884e-002 -4.754884e-002 0.9989 27.2706 -2.6248)" class="st29" width="2.2" height="437.3"/>
<path class="st30" d="M75.6 511.6c5.3 0.3 9.3 4.7 9.1 10l-2.1 43.7c-0.3 5.3-4.7 9.3-10 9.1l0 0c-5.3-0.3-9.3-4.7-9.1-10l2.1-43.7C65.9 515.4 70.4 511.3 75.6 511.6L75.6 511.6z"/>
<path class="st31" d="M76.5 520.6c3.3 0.2 5.9 3 5.7 6.3l-1.5 31.7c-0.2 3.3-3 5.9-6.3 5.7l-0.3 0c-3.3-0.2-5.9-3-5.7-6.3l1.5-31.7c0.2-3.3 3-5.9 6.3-5.7L76.5 520.6z"/>
<rect fill-opacity="0.0"  x="68.9" y="521.7" transform="matrix(0.9989 4.772153e-002 -4.772153e-002 0.9989 25.0915 -3.037)" class="st32" width="14.6" height="4.5"/>
<rect fill-opacity="0.0"  x="67" y="559.8" transform="matrix(0.9989 4.772075e-002 -4.772075e-002 0.9989 26.9062 -2.9067)" class="st32" width="14.6" height="4.5"/>
<rect fill-opacity="0.0"  x="69.2" y="559.8" transform="matrix(0.9989 4.788740e-002 -4.788740e-002 0.9989 27.1076 -2.9069)" class="st32" width="10.1" height="9"/>
<path class="st28" d="M116.2 319.3c-6.5-1-16.1 26.6-16.1 26.6s-64.3 408-67.1 425.8c-2.8 17.8 6.6 33.8 6.6 33.8s13.9-12.3 16.7-30.1c2.8-17.8 67.1-425.8 67.1-425.8S122.7 320.3 116.2 319.3z"/>
<rect fill-opacity="0.0"  x="79.7" y="349.9" transform="matrix(0.9878 0.1555 -0.1555 0.9878 89.3645 -5.6582)" class="st29" width="2.2" height="437.3"/>
<rect fill-opacity="0.0"  x="70.9" y="348.5" transform="matrix(0.9878 0.1554 -0.1554 0.9878 89.0111 -4.2985)" class="st29" width="2.2" height="437.3"/>
<path class="st30" d="M85.3 507.9c5.2 0.8 8.8 5.7 7.9 10.9L86.4 562c-0.8 5.2-5.7 8.8-10.9 7.9l0 0c-5.2-0.8-8.7-5.7-7.9-10.9l6.8-43.2C75.2 510.6 80.1 507.1 85.3 507.9L85.3 507.9z"/>
<path class="st31" d="M85.2 517c3.3 0.5 5.5 3.6 5 6.9l-4.9 31.3c-0.5 3.3-3.6 5.5-6.9 5l-0.3-0.1c-3.3-0.5-5.5-3.6-5-6.9l4.9-31.3c0.5-3.3 3.6-5.5 6.9-5L85.2 517z"/>
<rect fill-opacity="0.0"  x="77.2" y="518" transform="matrix(0.9878 0.1556 -0.1556 0.9878 82.0047 -6.8098)" class="st32" width="14.6" height="4.5"/>
<rect fill-opacity="0.0"  x="71.3" y="555.7" transform="matrix(0.9878 0.1557 -0.1557 0.9878 87.837 -5.4261)" class="st32" width="14.6" height="4.5"/>
<rect fill-opacity="0.0"  x="73.2" y="555.7" transform="matrix(0.9878 0.1558 -0.1558 0.9878 88.2402 -5.3436)" class="st32" width="10.1" height="9"/>
</g>
</g>
</svg>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8" crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
        <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/interact.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/buzz/1.1.0/buzz.min.js"></script>
    <script>
      /*  Experimenting with Interact.js.  

"JavaScript drag and  drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+)"

SOURCE:  http://interactjs.io/


Click and drag for mouse events and
drag with your fingers.

*/


// BEGIN INTERACT.JS - target elements with the "draggable" class
interact('.draggable')
  .draggable({
    // enable inertial throwing
    inertia: false,

   

    // call this function on every dragmove event
    onmove: dragMoveListener,
    // call this function on every dragend event
    onend: function (event) {
    SantaLaughing.play();
    }
  });

  function dragMoveListener (event) {
    var target = event.target,
        // keep the dragged position in the data-x/data-y attributes
        x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx,
        y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy;

    // translate the element
    target.style.webkitTransform =
    target.style.transform =
      'translate(' + x + 'px, ' + y + 'px)';

    // update the posiion attributes
    target.setAttribute('data-x', x);
    target.setAttribute('data-y', y);
  }


/*
HTML5 Audio Santa Magic


Made some use of the Buzz Audio Library.
http://buzz.jaysalvat.com/documentation/sound/  

MP3s are pretty safe to use when you are targeting HTML5 Audio.  Non supported browsers just don't hear nuttin.  Read the Buzz Docs.  Super easy to use.

Music available for Licensing at AudioJungle.com.  It's cheap!  I love them for all my projects.

Here's da' link:

Music Title ----  "Christmas Magic" 
Direct Link ----

http://audiojungle.net/item/christmas-story/135330?WT.oss_phrase=&WT.oss_rank=27&WT.z_author=kristijanf&WT.trending=trending&WT.ac=search_thumb?ref=marksno


*/

 
 
buzz.defaults.formats = [ 'mp3' ];
buzz.defaults.preload = 'metadata';


var Christmas = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/Christmas_Sleighride_Audio_Jungle", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
  volume: 100,
    loop: true
});
var hohoho = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/hohoho", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
  volume: 100,
    loop: false
});

var SantaLaughing = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/SantaLaughing", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
  volume: 100,
    loop: false
});



var MerryChristmas = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/SantaMerryChristmas", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
  volume: 100,
    loop: false
});
var Jingle2 = new buzz.sound("https://s3-us-west-2.amazonaws.com/s.cdpn.io/191814/Jinglebells2", {
    formats: [ "mp3" ],
    preload: true,
    autoplay: false,
  volume: 100,
    loop: false
});
  
    
/***************************
Santa Magic Sound Effects
****************************/   

  
  Christmas.play();Jingle2.play();hohoho.play();    
  setTimeout(function () {
    Jingle2.play();MerryChristmas.play();}, 8000
);
setTimeout(function () {
    SantaLaughing.play();}, 20000
);

  
$('#ChristmasTree').hover(function() {
        MerryChristmas.play();Jingle2.play();
 
      }, function() {
        hohoho.stop();Jingle2.stop();
        MerryChristmas.stop();
      }); 
$('#ChristmasTree').click(function() {
     SantaLaughing.play();
     MerryChristmas.stop();Jingle2.stop();
      });   
  
  
/***************************
Grouping the sounds so I can toggle them off and on all at once 
****************************/   


var soundEffects = new buzz.group([ 
    hohoho, 
  Christmas,
  Jingle2,
    MerryChristmas, 
  SantaLaughing

]);   
      
  
/***************************
Toggle Mute for all sounds using the sounds grouped.
****************************/

$('.toggle-sound').click(function() {
soundEffects.toggleMute();
$('h2').toggleText("♫ ON", "♫ OFF");
 });      
  
/***************************
A simple jQuery way to swap out text.  More elegant ways to achieve this. But this was expedient.
****************************/     
  
  
jQuery.fn.extend({
    toggleText: function (a, b){
        var that = this;
            if (that.text() != a && that.text() != b){
                that.text(a);
            }
            else
            if (that.text() == a){
                that.text(b);
            }
            else
            if (that.text() == b){
                that.text(a);
            }
        return this;
    }
});

    </script>
   
  </body>
</html>